$(function(){
    /*
        需求分析：
            效果：获取用户信息，渲染到页面(头像，昵称)
    */ 
    getUserInfo()

    // 退出功能
    $('#logout').click(function(){
        // 询问是否确定退出
        layer.confirm('你确定要退出吗', {icon: 3, title:'提示'}, function(index){
            // 清除token
            localStorage.removeItem('token')
            // 页面跳转到登录页
            location.href='login.html'
            layer.close(index);
          });
          
    })

})
    /*** 在全局作用域声明的变量和函数，都是window对象的属性和方法 ***/ 
    // 封装一个获取用户信息的函数
    function getUserInfo(){
        $.ajax({
            method:'get',
            url:'/my/userinfo',
            // 设置请求头，携带token数据
            // headers:{
            //     Authorization:localStorage.getItem('token')
            // },
            success:function(res){
                console.log(res);
                if(res.status!==0){
                    return layui.layer.msg(res.message,{icon:5})
                }
                // layui.layer.msg(res.message,{icon:6})
                renderAvatar(res.data)
            },
            // complete:function(xhr){
            //     // ajax请求完成时调用回调函数

            //     // xhr ajax对象
            //     // console.log(xhr);
            //     // xhr.responseText 服务器响应回来的json字符串
            //     // console.log(xhr.responseText);
            //     // xhr.responseJSON 把服务器相应的JSON对象转换成对象
            //     // console.log(xhr.responseJSON);
            //     /****  根据服务器相应的数据，判断用户是否处于登录状态  ****/ 
            //     if(xhr.responseJSON.status===1 && xhr.responseJSON.message==='身份认证失败！'){
            //         // 强制清除token
            //         localStorage.removeItem('token')
            //         // 强行跳转登录页
            //         location.href='login.html'
            //     }
            // }
        })
    }
    // 封装一个渲染用户信息的函数
    function renderAvatar(user){
        // 渲染欢迎语(有昵称用昵称，没昵称用用户名)
        var name=user.nickname || user.username
        $('#welcome').html('欢迎'+ name)
        // 判断用户是否有图片头像
        if(user.user_pic){
            // 有头像(隐藏文字头像，设置图片的src并显示)
            $('.text-avatar').hide()
            $('.layui-nav-img').attr('src',user.user_pic)
        }else{
            // 没有头像(隐藏图片头像，设置文字头像的内容并显示)
            $('.layui-nav-img').hide()
            var fist=name[0].toUpperCase()
            $('.text-avatar').html(fist)
        }
    }

